<template>
  <div class="cascade-selector">
    <el-cascader :props="cascadeProps"></el-cascader>
  </div>
</template>

<script>
export default {
  name: 'cascade-selector-page',
  data: function () {
    return {
      message: 'csTable',
      cascadeProps:{
        lazy:true,
        lazyLoad:(node,resolve)=>{
          this.$http.get('/area',{
            params:{
              id:node.value
            }
          }).then((res)=>{
            resolve(res.data)
          })
        },
        value:'id',
        label:'name',

      }
    }
  },
  methods: {}
}
</script>

<style scoped>
</style>

